<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/jquery.shapeshift.min.js"></script>
  <style>
    .shop-sorter-container {
      border: 1px dashed #CCC;
      position: relative;
    }

    .shop-sorter-container > div {
      background: #AAA;
      position: absolute;
      height: 100px;
      width: 100px;
      line-height: 100px;
      background: #0072c6;
      color: #fff;
      font-size: 1em;
      text-align: center;
      cursor: pointer;
    }

    .shop-sorter-container > .ss-placeholder-child {
      background: transparent;
      border: 1px dashed blue;
    }
  </style>
<div class="view-header">
    <div class="view-header-title">门店排序</div>
    <!-- <div class="view-header-item no-widen color-refresh" ng-click='refresh()' title="关闭">
        <i class="fa fa-refresh"></i>
    </div> -->
</div>
<div class="view-content">
	<div class="shop-sorter-container shop-sorter-min">
      <div ng-repeat="item in shop_all_min" ng-class="is_last_min($index)" value="{{item.id}}">{{item.name}}</div>
  </div>
  <div class="shop-sorter-container shop-sorter-max">
      <div ng-repeat="item in shop_all_max" ng-class="is_last_max($index)" value="{{item.id}}">{{item.name}}</div>
  </div>
</div>